<script setup>
import Header from './components/Header.vue';
import Main from './components/Main.vue';
import Aside from './components/Aside.vue';

</script>

<template>
    <div class="root">
        <Header></Header>
        <div class="rmain">
            <Aside></Aside>
            <Main></Main>            
        </div>
    </div>

</template>

<style>
    .root{
        width: 1200px;
        height: 800px;
        background: burlywood;
        margin: 0 auto;
        padding: 15px;
        box-sizing: border-box;
        line-height: 100px;
        text-align: center;
        font-size: 30px;
    }
    .rmain{
        display: flex;
    }
</style>